<head>
  <meta content="text/html; charset=utf-8" http-equiv="content-type" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title> - TestReport</title>
  <style>
    body {
      background-color: #f2f2f2;
      color: #333;
      margin: 0 auto;
      width: 960px;
    }
    #summary, #details {
      width: 960px;
    }
    #summary th {
      background-color: skyblue;
      padding: 5px 12px;
    }
    #summary td {
      background-color: lightblue;
      text-align: center;
      padding: 4px 8px;
    }
    #details th {
      background-color: skyblue;
      padding: 5px 12px;
    }
    #details td {
      background-color: lightblue;
      padding: 5px 12px;
    }
    #details .detail {
      background-color: lightgrey;
      font-size: smaller;
      padding: 5px 10px;
      text-align: center;
    }
    #details .success {
      background-color: greenyellow;
    }
    #details .error {
      background-color: red;
    }
    #details .failure {
      background-color: salmon;
    }
    #details .skipped {
      background-color: gray;
    }

    .button {
      font-size: 1em;
      padding: 6px;
      width: 4em;
      text-align: center;
      background-color: #06d85f;
      border-radius: 20px/50px;
      cursor: pointer;
      transition: all 0.3s ease-out;
    }
    a.button{
      color: gray;
      text-decoration: none;
    }
    .button:hover {
      background: #2cffbd;
    }

    .overlay {
      position: fixed;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background: rgba(0, 0, 0, 0.7);
      transition: opacity 500ms;
      visibility: hidden;
      opacity: 0;
    }
    .overlay:target {
      visibility: visible;
      opacity: 1;
    }

    .popup {
      margin: 70px auto;
      padding: 20px;
      background: #fff;
      border-radius: 10px;
      width: 50%;
      position: relative;
      transition: all 3s ease-in-out;
    }

    .popup h2 {
      margin-top: 0;
      color: #333;
      font-family: Tahoma, Arial, sans-serif;
    }
    .popup .close {
      position: absolute;
      top: 20px;
      right: 30px;
      transition: all 200ms;
      font-size: 30px;
      font-weight: bold;
      text-decoration: none;
      color: #333;
    }
    .popup .close:hover {
      color: #06d85f;
    }
    .popup .content {
      max-height: 80%;
      overflow: auto;
      text-align: left;
    }

    @media screen and (max-width: 700px) {
      .box {
        width: 70%;
      }
      .popup {
        width: 70%;
      }
    }

  </style>
</head>

<body>
  <h1>Test Report: </h1>

  <h2>Summary</h2>
  <table id="summary">

    <tr>
      <th>START AT</th>
      <td colspan="4">2018-08-13 21:42:46</td>
    </tr>
    <tr>
      <th>DURATION</th>
      <td colspan="4">0.025 seconds</td>
    </tr>
    <tr>
      <th>PLATFORM</th>
      <td>HttpRunner 1.4.3 </td>
      <td>CPython 3.6.5+ </td>
      <td colspan="2">Darwin-17.6.0-x86_64-i386-64bit</td>
    </tr>
    <tr>
      <th>TOTAL</th>
      <th>SUCCESS</th>
      <th>FAILED</th>
      <th>ERROR</th>
      <th>SKIPPED</th>
      <!-- <th>ExpectedFailure</th>
      <th>UnexpectedSuccess</th> -->
    </tr>
    <tr>
      <td>2</td>
      <td>1</td>
      <td>0</td>
      <td>1</td>
      <td>0</td>
      <!-- <td>0</td>
      <td>0</td> -->
    </tr>
  </table>

  <h2>Details</h2>
  <table id="details">
    <tr>
      <th>Status</th>
      <th>Name</th>
      <th>Response Time</th>
      <th>Detail</th>
    </tr>
    
      <tr id="record_1">
        <th class="success" style="width:5em;">success</td>
        <td>/api/get-token</td>
        <td style="text-align:center;width:6em;">8.56 ms</td>
        <td class="detail">

          <a class="button" href="#popup_log_1">log</a>
          <div id="popup_log_1" class="overlay">
            <div class="popup">
              <h2>Request and Response data</h2>
              <a class="close" href="#record_1">&times;</a>

              <div class="content">
                <h3>Request:</h3>
                <div style="overflow: auto">
                  <table>
                    <tr>
                      <th>url</th>
                      <td>http://127.0.0.1:5000/api/get-token</td>
                    </tr>
                    <tr>
                      <th>method</th>
                      <td>POST</td>
                    </tr>
                    <tr>
                      <th>headers</th>
                      <td>
                        
                        <div>
                          <strong>user-agent</strong>: python-requests/2.18.4
                        </div>
                        
                        <div>
                          <strong>Accept-Encoding</strong>: gzip, deflate
                        </div>
                        
                        <div>
                          <strong>Accept</strong>: */*
                        </div>
                        
                        <div>
                          <strong>Connection</strong>: keep-alive
                        </div>
                        
                        <div>
                          <strong>device_sn</strong>: OU9H0NqyTPgehmV
                        </div>
                        
                        <div>
                          <strong>content-type</strong>: application/json
                        </div>
                        
                        <div>
                          <strong>app_version</strong>: 2.8.6
                        </div>
                        
                        <div>
                          <strong>os_platform</strong>: ios
                        </div>
                        
                        <div>
                          <strong>user_agent</strong>: iOS/10.3
                        </div>
                        
                        <div>
                          <strong>Content-Length</strong>: 52
                        </div>
                        
                      </td>
                    </tr>
                    
                    <tr>
                      <th>body</th>
                      <td>
                          <pre>{"sign": "028886ba1309a22bda47ee92a90681e761197ce2"}</pre>
                      </td>
                    </tr>
                    

                  </table>
                </div>

                <h3>Response:</h3>
                <div style="overflow: auto">
                  <table>
                    <tr>
                      <th>status_code</th>
                      <td>
                        200
                      </td>
                    </tr>
                    <tr>
                      <th>headers</th>
                      <td>
                          
                          <div>
                            <strong>Content-Type</strong>: application/json
                          </div>
                          
                          <div>
                            <strong>Content-Length</strong>: 46
                          </div>
                          
                          <div>
                            <strong>Server</strong>: Werkzeug/0.14.1 Python/3.6.5+
                          </div>
                          
                          <div>
                            <strong>Date</strong>: Mon, 13 Aug 2018 13:42:46 GMT
                          </div>
                          
                      </td>
                    </tr>
                    <tr>
                      <th>body</th>
                      <td>
                        
                          <pre>{
  "success": true,
  "token": "sy4syuaq6nvL5oCe"
}</pre>
                        
                      </td>
                    </tr>
                  </table>
                </div>

                <h3>Statistics:</h3>
                <div style="overflow: auto">
                  <table>
                    <tr>
                        <th>content_size(bytes)</th>
                        <td>46</td>
                      </tr>
                    <tr>
                      <th>response_time(ms)</th>
                      <td>8.56</td>
                    </tr>
                    <tr>
                      <th>elapsed(ms)</th>
                      <td>2.571</td>
                    </tr>
                  </table>
                </div>

              </div>
            </div>
          </div>

          

        </td>
      </tr>
    
      <tr id="record_2">
        <th class="error" style="width:5em;">error</td>
        <td>/api/users/1000</td>
        <td style="text-align:center;width:6em;">2.7 ms</td>
        <td class="detail">

          <a class="button" href="#popup_log_2">log</a>
          <div id="popup_log_2" class="overlay">
            <div class="popup">
              <h2>Request and Response data</h2>
              <a class="close" href="#record_2">&times;</a>

              <div class="content">
                <h3>Request:</h3>
                <div style="overflow: auto">
                  <table>
                    <tr>
                      <th>url</th>
                      <td>http://127.0.0.1:5000/api/users/1000</td>
                    </tr>
                    <tr>
                      <th>method</th>
                      <td>POST</td>
                    </tr>
                    <tr>
                      <th>headers</th>
                      <td>
                        
                        <div>
                          <strong>user-agent</strong>: python-requests/2.18.4
                        </div>
                        
                        <div>
                          <strong>Accept-Encoding</strong>: gzip, deflate
                        </div>
                        
                        <div>
                          <strong>Accept</strong>: */*
                        </div>
                        
                        <div>
                          <strong>Connection</strong>: keep-alive
                        </div>
                        
                        <div>
                          <strong>device_sn</strong>: OU9H0NqyTPgehmV
                        </div>
                        
                        <div>
                          <strong>content-type</strong>: application/json
                        </div>
                        
                        <div>
                          <strong>token</strong>: sy4syuaq6nvL5oCe
                        </div>
                        
                        <div>
                          <strong>Content-Length</strong>: 39
                        </div>
                        
                      </td>
                    </tr>
                    
                    <tr>
                      <th>body</th>
                      <td>
                          <pre>{"name": "user1", "password": "123456"}</pre>
                      </td>
                    </tr>
                    

                  </table>
                </div>

                <h3>Response:</h3>
                <div style="overflow: auto">
                  <table>
                    <tr>
                      <th>status_code</th>
                      <td>
                        500
                      </td>
                    </tr>
                    <tr>
                      <th>headers</th>
                      <td>
                          
                          <div>
                            <strong>Content-Type</strong>: application/json
                          </div>
                          
                          <div>
                            <strong>Content-Length</strong>: 50
                          </div>
                          
                          <div>
                            <strong>Server</strong>: Werkzeug/0.14.1 Python/3.6.5+
                          </div>
                          
                          <div>
                            <strong>Date</strong>: Mon, 13 Aug 2018 13:42:46 GMT
                          </div>
                          
                      </td>
                    </tr>
                    <tr>
                      <th>body</th>
                      <td>
                        
                          <pre>{
  "success": false,
  "msg": "user already existed."
}</pre>
                        
                      </td>
                    </tr>
                  </table>
                </div>

                <h3>Statistics:</h3>
                <div style="overflow: auto">
                  <table>
                    <tr>
                        <th>content_size(bytes)</th>
                        <td>50</td>
                      </tr>
                    <tr>
                      <th>response_time(ms)</th>
                      <td>2.7</td>
                    </tr>
                    <tr>
                      <th>elapsed(ms)</th>
                      <td>1.635</td>
                    </tr>
                  </table>
                </div>

              </div>
            </div>
          </div>

          
            <a class="button" href="#popup_attachment_2">traceback</a>
            <div id="popup_attachment_2" class="overlay">
              <div class="popup">
                <h2>Traceback Message</h2>
                <a class="close" href="#record_2">&times;</a>
                <div class="content"><pre>Traceback (most recent call last):
AssertionError

During handling of the above exception, another exception occurred:

Traceback (most recent call last):
httprunner.exception.ValidationError: 
	check item name: status_code;
	check item value: 500 (int);
	comparator: equals;
	expected value: 201 (int).
</pre></div>
              </div>
            </div>
          

        </td>
      </tr>
    
  </table>
</body>